#header{ width:100%; overflow:hidden;}
.head1{ width:100%; height:30px; background:#153c87;}
.head2{ width:100%; height:230px; background:#1c4594;}
.head3{ width:100%; height:503px; background:url(../images/banner0.png) no-repeat;}
.head21{ width:100%; height:170px;}
.head22{ width:100%; height:56px; border-top:2px solid #33589f; border-bottom:1px solid #33589f;}
.w1100{ width:1100px; height:auto; margin:auto;}
.logo{ width:752px; float:left; margin-top:20px; text-align:right;}
.search{ width:186px; height:25px; border-radius: 15px; float:right; margin-top:100px; background:#fff;}
.search .s-inp{ width:172px; height:22px; border-radius: 11px; padding-left:10px; border:none;}
.search .s-sub{ width:27px;height:22px;background:url(../images/search.jpg) no-repeat;border-radius:10px; margin-left:-26px; margin-top:1px;cursor: pointer;border:none;}

ul.nav{ width:100%; height:57px; margin:auto; font-size: 0;text-align: center;}
ul.nav li{ display: inline-block;text-transform: uppercase;margin: 0 1px;}
ul.nav li a{ display:block; width:135px; height:58px; color:#fff; text-align:center; }
ul.nav li a:hover{ background:#e2341d;}
ul.nav li a .p1{font-size:16px;}
ul.nav li a .p2{font-size:12px;}

#main{ width:100%; overflow:hidden; background:url(../images/bg_main.png) no-repeat top center;}
.main1{ width:100%; height:480px;}
.main2{ width:100%; height:755px; position:relative;}
.main3{ width:100%; height:560px;	}
.main4{ width:100%; height:520px; background:url(../images/bg_news.png) no-repeat top center;}

.sy-ableft{ float:left; width:487px; margin-top:110px}
.sy-abright{ float:right; width:602px;}
.sy-abright1{ float:left;width:200px;height:200px;background:#1c4594;}
.sy-abright2{ float:left;width:200px;height:200px;background:url(../images/bg_ab1.jpg); }
.sy-abright3{ float:left;width:200px;height:200px;background:#1c4594;}
.sy-abright4{ float:left;width:200px;height:200px;}
.sy-abright5{ float:left;width:200px;height:200px;background:url(../images/bg_ab2.jpg)}
.sy-abright6{ float:left;width:200px;height:200px;background:url(../images/bg_ab3.jpg)}
.ab1{ width:80px; height:28px; font-size:20px; border-bottom:2px solid #fff; margin: 40px auto 20px;}
.ab1 a{ color:#fff;}
.ab2{ width:160px; height:70px; margin:auto; overflow:hidden; color:#fff;}

/*product*/
.sy-prodtitle{ text-align:center; }
.sy-prodcontent{ height:405px; position:relative; top:-35px; z-index:1}
.sy-prod1{ float:left; width:366px; height:390px; background:url(../images/bg_pro1.png); position:relative;}
.sy-prod2{ float:left; width:366px; height:390px; background:url(../images/bg_pro2.png);position:relative;}
.sy-prod3{ float:left; width:366px; height:390px; background:url(../images/bg_pro3.png);position:relative;}
.sy-proname{ position:absolute; top:40px; right:60px;}
.sy-proname a{ font-size:24px; color:#fff; text-align:right; font-weight:bold; opacity: 0.9;}
.sy-proname .sp4{display:block; line-height:50px; font-size: 36px;}
.sy-progoods{ width:318px;height:201px;position:absolute;bottom:0px;left:30px}
.sy-divbg{ width:100%; height:270px; background:#1a212b; position:absolute; top:400px; }

/*case*/
.sy-casetitle{ text-align:center; margin-bottom:40px}
.sy-casecontent{ width:100%; height:auto; margin:auto}
.sy-case1{ float:left;width:314px;height:160px;margin-left:38px;margin-bottom:40px}

.da-thumbs {width: 1100px;height: auto;}
.da-thumbs li {float:left;width:314px;height:160px;margin-left:38px;margin-bottom:40px;position: relative;}
.da-thumbs li a,.da-thumbs li a img {display: block;position: relative;}
.da-thumbs li a {overflow: hidden;}
.da-thumbs li a div {
	position: absolute;
	background: #4f72af;
	opacity: 0.8;
	width: 100%;
	height: 100%;
}
.da-thumbs li a div span.sp1 {
	display: block;
	text-align:center;
	padding: 10px 0;
	margin: 40px 20px 20px 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);
}
.da-thumbs li a div span.sp2 {
	display: block;
	text-align:center;
	margin: 0px 20px 20px 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: none;
	border-bottom: none;
	box-shadow: none;
}

.newstitle{ text-align:center;padding-top:40px;padding-bottom:40px}
.newscontent{ width:100%; height:300px;}
.sy-newsleft{ float:left; width:430px; height:300px;}
.sy-newsright{ float:left;width:670px; height:300px;}
.sy-newsright1{ height:110px; border-bottom:1px solid #ccc; padding:10px 6px;}
.sy-newsright2{ height:180px; padding-left: 6px; padding-right: 6px;}
.sy-newsright2 .ll{width:300px;float:left;padding-right:50px;}
.sy-newsright2 .rr{width:300px;float:left}
.sy-newsright2 .ll ul li{ line-height:30px; border-bottom:1px solid #ccc;}
.sy-newsright2 .ll ul li a{ }
.sy-newsright2 .rr ul li{ line-height:30px; border-bottom:1px solid #ccc;}
.sy-newsright2 .rr ul li a{ }
.sp1 {border-bottom:2px solid #ff7a00; padding-bottom:3px; }


#footer{ width:100%; overflow:hidden; background:#282828;}
.foot1{ width:100%; height:290px; border-bottom:1px solid #515151}
.foot2{ width:100%; height:65px;}
.foot11{ width:440px; float:left; margin-top:50px;}
.foot12{ width:406px; float:left; margin-top:50px;}
.foot13{ width:244px; float:right; margin-top:100px;}
.fmenu{ margin-top:35px;}
.fm{ float:left; margin-right:60px}
.foot1 h1{color:#fff; font-family: "Times New Roman", Times, serif; font-weight:normal;}
.foot1 h1 span{ border-bottom:1px solid #fff; padding-bottom:3px}
.fm span{ color:#fff; margin-bottom:10px;}
.fm li{ color:#888; font-size:14px;}
.fm li a{ color:#888; font-size:14px;}
.ali{ text-align:center; margin-top:3px;}
.ali a{ color:#fff; font-size:14px; }
.foot2 a{color:#888}

.svg-wrapper{position:relative;width:150px;height:40px;display:inline-block;border-radius:3px;}
.marleft1{ margin-left:100px;}
#text{margin-top:-33px;text-align:center;}
#shape{stroke-width:2px;fill:transparent;stroke:#fff;stroke-dasharray:85 400;stroke-dashoffset:-220;transition:1s all ease}
.svg-wrapper:hover #shape{stroke-dasharray:50 0;stroke-width:5px;stroke-dashoffset:0;stroke:#ef7220}